.section-find-course .row {
    background-image: url('/Style%20Library/patterns/pattern_claro.png');
}

.section-find-course .row .input-group .input-search-icon {
    background-color: rgba(255, 255, 255, 0.85);
}

.div-submit {
    align-items: center;
    display: flex;
}

.div-filter select.custom-select option:disabled {
    display: none;
}

.div-filter select.custom-select option {
    font-size: 1.10rem;
}

.div-filter select.custom-select {
    color: #303044 !important;
    background: url('/Style%20Library/univali/undergraduate/select.png') no-repeat right .75rem center/25px 25px;
}

.div-filter select.custom-select:hover {
    background: url('/Style%20Library/univali/undergraduate/select_hover.png') no-repeat right .75rem center/25px 25px;
}

.div-filter select.custom-select:focus {
    background: url('/Style%20Library/univali/undergraduate/selected.png') no-repeat right .75rem center/25px 25px;
}

.div-filter select.custom-select:focus:hover {
    background: url('/Style%20Library/univali/undergraduate/selected_hover.png') no-repeat right .75rem center/25px 25px;
}

.div-filter .div-submit span.clickable.close:hover {
    background-image: url('/Style%20Library/univali/undergraduate/filter_close_hover.png');
    background-color: #303044;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.div-filter .div-submit span.clickable.close {
    background-image: url('/Style%20Library/univali/undergraduate/filter_close.png');
    border: 2px solid #303044;
}

.div-filter .div-submit span.clickable.confirm:hover {
    background-image: url('/Style%20Library/univali/undergraduate/filter_confirm_hover.png');
    background-color: #52c61f;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.div-filter .div-submit span.clickable.confirm {
    background-image: url('/Style%20Library/univali/undergraduate/filter_confirm.png');
    border: 2px solid #52c61f;
}

.div-filter .div-submit span.clickable {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.div-filter .div-submit .btn-submit-filter,
p.div-title {
    border-radius: 0px;
    height: 100%;
    justify-content: left;
    font-size: 2.3rem;
    font-family: "Open Sans Condensed";
    align-items: center;
    display: inline-flex;
}

div.filter-by-school p.div-title {
    font-size: 2rem;
}

.section-find-course .row .btn-filter {
    border-radius: 0px;
    background-color: #303044;
    height: 100%;
    justify-content: left;
    color: white;
    font-size: 1.6rem;
    font-family: "Open Sans Condensed";
    align-items: center;
    display: inline-flex;
    width: auto;
    /* width: 100%; */
    /* min-width: 100%; */
}

.section-find-course .input-group {
    border: 2px solid #e1e1dd;
    border-radius: 3px;
}

.section-find-course .input-group input {
    border: 0px;
}

.section-find-course .input-group .input-group-text {
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: center center;
    background-image: url('/Style%20Library/univali/undergraduate/search.png');
    width: 32px;
}

/* .section-find-course .input-group .input-group-text:hover {
    background-image: url('/Style%20Library/univali/undergraduate/search_hover.png');
} */

.section-find-course .input-group input:hover,
.section-find-course .input-group input:focus {
    outline: initial;
    box-shadow: initial;
}

.section-find-course .input-group .input-group-text {
    border: none;
    background-color: initial;
    outline: initial;
    box-shadow: initial;
}

.section-find-course .input-group input#courseName,
.section-find-course .input-group,
div.custom-control.custom-checkbox {
    font-size: 1.5rem;
    font-family: "Open Sans Condensed";
    color: #303044;
}

div.custom-control.custom-checkbox label {
    font-size: 1.25rem;
}

.custom-control-input:focus~.custom-control-label::before,
.custom-control-input:checked~.custom-control-label::before,
.custom-control-input:hover:not(:checked)~.custom-control-label::before {
    box-shadow: none;
    background-color: initial;
    /* border: #7A28A0 solid 2px; */
}

.school-of-arts-communication-and-hospitality.custom-control-input:focus~.custom-control-label::before,
.school-of-arts-communication-and-hospitality.custom-control-input:checked~.custom-control-label::before,
.school-of-arts-communication-and-hospitality.custom-control-input:hover:not(:checked)~.custom-control-label::before {
    border: #7A28A0 2px solid;
}

.school-of-business.custom-control-input:focus~.custom-control-label::before,
.school-of-business.custom-control-input:checked~.custom-control-label::before,
.school-of-business.custom-control-input:hover:not(:checked)~.custom-control-label::before {
    border: #039BE5 2px solid;
}

.school-of-education.custom-control-input:focus~.custom-control-label::before,
.school-of-education.custom-control-input:checked~.custom-control-label::before,
.school-of-education.custom-control-input:hover:not(:checked)~.custom-control-label::before {
    border: #FF9800 2px solid;
}

.school-of-health-sciences.custom-control-input:focus~.custom-control-label::before,
.school-of-health-sciences.custom-control-input:checked~.custom-control-label::before,
.school-of-health-sciences.custom-control-input:hover:not(:checked)~.custom-control-label::before {
    border: #43A047 2px solid;
}

.school-of-social-and-legal-sciences.custom-control-input:focus~.custom-control-label::before,
.school-of-social-and-legal-sciences.custom-control-input:checked~.custom-control-label::before,
.school-of-social-and-legal-sciences.custom-control-input:hover:not(:checked)~.custom-control-label::before {
    border: #B51F23 2px solid;
}

.school-of-sea-science-and-technology.custom-control-input:focus~.custom-control-label::before,
.school-of-sea-science-and-technology.custom-control-input:checked~.custom-control-label::before,
.school-of-sea-science-and-technology.custom-control-input:hover:not(:checked)~.custom-control-label::before {
    border: #26A69A 2px solid;
}

.custom-control-label::before,
.custom-control-input:focus:not(:checked)~.custom-control-label::before,
.custom-control-input:not(:disabled):active~.custom-control-label::before {
    width: 1.4rem;
    height: 1.4rem;
    box-shadow: none;
    background-color: initial;
    border: #e1e1dd solid 2px;
}

.custom-control-label::after {
    width: 1.4rem;
    height: 1.4rem;
    background: no-repeat 50%/70% 70%;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url('/Style%20Library/univali/undergraduate/check.png');
}

.div-filter-background {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 200%;
    height: 200%;
    z-index: 250;
    background-image: url('/Style%20Library/patterns/pattern_escuro.png');
    background-repeat: repeat;
    background-position: center center;
    overflow: hidden;
}

.div-filter {
    display: none;
    height: 100%;
    /* height: 100vh; */
    width: 450px;
    background: #fff url('/Style%20Library/patterns/pattern_claro.png');
    position: fixed;
    right: 0;
    top: 0;
    z-index: 300;
    overflow-x: hidden;
    overflow-y: scroll;
}

@media screen and (max-width:992px) {
    .div-filter {
        width: 350px;
    }
}

@media screen and (max-width:768px) {
    .div-filter {
        width: 350px;
    }
}

@media screen and (max-width:576px) {
    .section-find-course .input-group .input-group-text {
        width: 30px;
    }

    .div-filter {
        width: 100%;
    }

    .section-find-course div.row div[class*="col-"] {
        padding: 0px;
    }

    .section-find-course div.row div[class*="col-8"] {
        padding-right: .5rem;
    }

    .section-find-course .row .btn-filter {
        justify-content: center;
    }

    .section-find-course .row .btn-filter {
        width: 100%;
        min-width: 100%;
    }
}